Sizes
Colors and Uses
-
(none)
-
success
green, success, complete, done, finished
-
caution
yellow, warning, caution, incomplete
-
danger
red, danger, warning, alert, stop, not started
-
grey
grey, normal, active
-
inactive
greyed out, inactive, not available
-
noBackground
(can be used in addition to any color)
-
bold
(can be used in addition to any color)
-
white
(white on dark background)
-
darkBack
(adds white border for dark backgrounds)
Examples
Example Code |
Result |
<img class="svg" src="/images/icons/clipCheck.svg"/> |
|
<img class="svg size24 grey" src="/images/icons/clipCheck.svg"/> |
|
<img class="svg size64 success bold" src="/images/icons/clipCheck.svg"/> |
|
Unusual and Abstract Icons
bag.svgbag, sack, hold, carry, money, supplies, hide, cover, belongings, pay, paid
barcode.svgbar code, hand scanner, data
barrel.svgbarrel, container, bucket
beaker.svglab work, labs, tests, laboratory
bell.svgbell, alarm, warning, sound, danger
bladder.svgkidney, bladder, urinary tract infection, UTI, toileting, urine
bomb.svgproblem, danger, bug, incident
broom.svgclean, cleaning, housekeeping
bus.svgtransportation, travel, bus, van
cards.svgplay, recreation, activities, fun, enjoy
certification.svgcertification, certify, document, award, point, certificate, earn, contract, notarize
certification2.svgcertification, certify, document, award, point, certificate, earn, contract, notarize
cigarette.svgcigarette, smoking, health, smoke
comb.svghair care, beauty, hygiene, grooming
compass.svgcompass, site, navigate, find, look, map
contract.svgcontract, notarize, certify, certification, award
diamond.svgdiamond, gem, jewel, possession, personal belongings, ring, wedding
die.svgdie, dice, play, game, roll, chance, lucky
dinosaur.svgdinosaur, museum, old, fossil, bones, history
exclamation.svgexclamation, warning, alert, danger, priority, important
fire.svgfire, hot, heat, danger, caution, incident
fist.svgstrength, fight, incident, stop
flag.svgflagged, marked, alert, caution, needs
gear.svgadministration, setup, tools, work, motion
gear2.svgadministration, setup, tools, work, motion
gear3.svgadministration, setup, tools, work, motion
hanger.svgclothes, clothing, dressing
hero.svgsuperhero, accomplish, work, job
hourglass.svgtime, wait, pause, on hold, timer, slow
kidneys.svgkidney, organs, internal
leaf.svggreen, outdoors, leaf, environmentally friendly
lifePreserver.svghelp, assist, assistance, work, save
lightbulb.svgidea, new, sales
lungs.svgbreathe, asthma, ventilator, vent care
metalBar.svgheavy, solid, metal, gold, silver, platinum, money, expensive
radiation.svgradiation therapy, x-ray, radiology
razor.svgshave, shaving, grooming, hygiene
rock.svgrock, solid, rubble, trash, garbage, heap, pile, mess
scales.svgjustice, fairness, market, weight, scales, pounds
shield.svgshield, defend, defense, guard, ctr, protect, protection
skull.svgcaution, danger, pirate, incident, poison, beware
star.svgstar, award, special, set apart, display
sun.svgday, daytime, morning, early
tie.svgbusiness, management, manager, administrator,
trach.svgtracheotomy, tracheostomy, trach tube
trash.svgtrash, garbage, mess, sanitation, delete, remove
tree.svgtree, green, outdoors, outdoor activity
umbrella.svgumbrella, backup, rain, weather, security
utensils.svgfood, eat, kitchen, meals, breakfast, lunch, dinner, nutrition
washer.svglaundry, housekeeping, clothing
xray.svgx-ray, radiology
|